<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <style>
        body{width: 300px;height: auto;}
    </style>
    <script src="js/jquery.js"></script>
    <script src="js/popup.js"></script>
</head>
<body>
<div class="container">
<div class="form-horizontal" role="form" id="form" hidden>
    <br>
    <div class="form-group">
        <label for="username" class="col-sm-2 control-label">账号</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" id="username"
                   placeholder="请输入账号">
        </div>
    </div>
    <div class="form-group">
        <label for="password" class="col-sm-2 control-label">密码</label>
        <div class="col-sm-10">
            <input type="password" class="form-control" id="password"
                   placeholder="请输密码">
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <div class="checkbox">
                <label>
                    <input type="checkbox" id="remember" checked> 请记住我
                </label>
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <button type="submit" class="btn btn-primary" id="submit">登  录</button>
            <label class="col-sm-offset-2 col-sm-4" style="color: #8c1b1e;" id="tips" hidden>用户名或密码错误</label>
        </div>
    </div>
</div>

</div>

<div class="panel panel-default" style="margin:0px;border-radius: 0px !important;" id="user_info">
    <div class="panel-heading">
        <h3 class="panel-title">账号信息</h3>
    </div>
    <div class="panel-body">
        <table class="table table-hover" style="margin: 0 !important;padding: 0 !important;">
            <tr>
                <td>用户：</td><td id="user_inf"></td>
            </tr>
            <tr hidden>
                <td>用户状态：</td><td id="user_active"></td>
            </tr>
            <tr hidden>
                <td>到期时间：</td><td id="user_expire"></td>
            </tr>
            <tr>
                <td>用户信息：</td><td id="user_detail"></td>
            </tr>
        </table>
    </div>
</div>

<div class="panel panel-default" style="margin:0 !important;border-radius: 0px !important;" id="darenTips" hidden>
    <div class="panel-heading">
        <h3 class="panel-title">达人Cookie更新步骤提示</h3>
    </div>
    <div class="panel-body">
        <li>登录达人后台</li>
        <li>刷新首页：https://we.taobao.com/</li>
        <li>完成更新</li>
        <br/>
        <label style="color:blue;">*&nbsp;&nbsp;登录后首页刷新即更新</label>
    </div>
</div>
<div class="panel panel-default" style="margin:0 !important;border-radius: 0px !important;" id="tipsInfo">
    <div class="panel-heading">
        <h3 class="panel-title">Tips:</h3>
    </div>
    <div class="panel-body">
        <li>账号密码和后台相同</li>

        <br/>
        <label style="color:blue;">*&nbsp;&nbsp;账号问题请联系管理员</label>
    </div>
</div>
<button class="btn btn-sm btn-default text-center pull-right" id="logout" style="display: none;">退 出</button>
</body>
</html>